<template>
	<view class="info-hezi">
		<view class="prompt">
			<image class="prompt-img" src="../../static/images/xiaoxi/computer.png" mode="widthFix"></image>
			<view class="prompt-text">平台推送</view>
		</view>
		<view class="an-prompt" @tap="$emit('onShowPush')">
			<image class="an-img" :src="isShowPush==true ? '../../static/images/xiaoxi/zhankai2.png':'../../static/images/xiaoxi/zhankai.png'" mode="widthFix"></image>
			<view class="an-text">{{isShowPush==true ? '收起' : '展开'}}</view>
			<image v-show="!isShowPush" class="new-img" src="../../static/images/xiaoxi/new.png" mode="widthFix"></image>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			isShowPush: {
				type: Boolean,
				required: true
			}
		}
	}
</script>

<style scoped lang="less">
	.info-hezi{
		height: 100%;
		display: flex;
		align-items: center;
		padding-left: 70rpx;
		padding-right: 86rpx;
		justify-content: space-between;
		box-sizing: border-box;
		.prompt{
			display: flex;
			align-items: center;
			.prompt-img{
				width: 70rpx;
				height: 48rpx;
				margin-right: 68rpx;
			}
			.prompt-text{
				font-size: 44rpx;
				color: #4F9AFF;
				font-weight: 400;
			}
		}
		.an-prompt{
			width: 280rpx;
			height: 82rpx;
			background: #4F9AFF;
			display: flex;
			align-items: center;
			justify-content: center;
			border-radius: 82rpx;
			position: relative;
			.an-img{
				width: 40rpx;
				height: 22rpx;
				margin-right: 28rpx;
			}
			.an-text{
				color: #FFFFFF;
				font-size: 40rpx;
				font-weight: 400;
			}
			.new-img{
				width: 96rpx;
				height: 44rpx;
				position: absolute;
				top: 0;
				right: -48rpx;
			}
		}
	}
</style>
